/*css reset START*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);


table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*css reset END*/

/*General css START*/

    .centerText{
        text-align: center;
    }

    .text-color-white{
        color: #ffffff!important;
    }

    .textBold{
        font-weight: bold;
    }

    .centerElement{
        margin: 0 auto;
    }

    .reset_floating{
        clear: both!important;
    }

    .float_left{
        float: left;
    }

    .float_right{
        float: right;
    }

    .width-to-100{
        width: 100%!important;
    }

    .width-to-1322{
        width: 1322px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 36px 0 26px 0;
    }

    .font-family-Montserrat{
        font-family: Montserrat,sans-serif;
    }

    /*.font-family-SourceSansPro{*/

        /*font-family: 'Source Sans Pro', sans-serif;*/

    /*}*/

    .fix01{
        overflow: hidden;
    }
    
    .display-block{
        display: block;
    }

/*Input PlaceHolder styling START: This set of style controls the appareance of placeholder attr. of inputs tag*/

    ::-webkit-input-placeholder {
        color: #505050;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: #505050;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
        color: #505050;
    }

    :-ms-input-placeholder {
        color: #505050;
    }

/*Input PlaceHolder styling END*/

/*General css END*/

    #wrapper.first{
        width: 1322px;
        height: 242px;
        box-sizing: border-box;
    }

    #wrapper.secondVersion{
        width: 1322px;
        box-sizing: border-box;

    }


    header{

        background-image: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7b46a91ed1-18b4-4403-addd-22ec2225c906%7d_bg_header.png");
        width: 100%;
        height: 175px;
        background-size: cover;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    header .bg01{
        background-image: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7b2d2641ba-d59e-4c35-8217-f09c350efaea%7d_1500x175_bluegradient2%5b1%5d%5b3%5d.jpg");
        background-size: cover;
        height: 175px;

    }

    header.expanded{
        background-image: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7b303fda99-e201-4221-a907-3a39d9694fe1%7d_bg_header_extended.jpg");
        width: 100%;
        height: 633px;
        background-size: cover;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    header.expanded .bg02{
        background-image: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7b087714fe-bde2-49a3-956e-ef95b441c25a%7d_new-supplied-darkblue-bg1.png");
        height: 100%;
    }

    #mainLogo{
        float: left;
        display: block;
    }

    #socialIcon_container{
        float:right;
        position: relative;
}




    #socialIcon_container ul li{
        margin-left:8px;
        float:left;
    }

    .horizontal_divider{
        width: 530px;
        height: 1px;
        margin-top: 43px;
        margin-bottom: 26px;
        background-color: #ffffff;
        opacity: 0.2;

    }

    #icon_paper_marginRight{
        margin-right: 20px;
    }

    .headerTitle01{
        font-family: Montserrat,sans-serif;
        color: #ffffff;
        font-size: 28px;
    }

    .headerTitle02{
        font-family: Montserrat,sans-serif;
        color: #72B4D8;
        font-size: 24px;
        line-height: 30px;
    }

    #wrapper{
        padding: 63px 0 0 0;

    }

    .contentTitle01{
        font-family: Montserrat,sans-serif;
        font-size: 31px;
        color:#A50014;
        font-weight: bold;
    }

    .contentTitle02{
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 20px;
        color:#4F4F4F;
        text-shadow : 0 0 0 #4F4F4F; /*Trick to simulate "semibold"*/
    }

    .margin-bottom-42{
        margin-bottom: 42px;
    }

    .margin-top-bottom-31{
        margin-top: 31px;
        margin-bottom: 31px;
    }

    p,li, footer span{
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 20px;
        color:#4F4F4F;
        font-weight: 100;
    }

    .width-to-460{
        width: 460px;
    }

    .margin-right-to-22{
        margin-right: 22px;
    }

    .bullet_list{
        width: 7px;
        height: 11px;
        background-image: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7b7347ebd9-5f88-4b8b-b3cc-454ec52b0996%7d_list_bullet%402x.png");
        background-size: 7px 11px;
        float: left;
        margin-right: 10px;
        margin-top: 7px;
    }

    span.paragraph{
        display: block;
        padding-left: 22px;
        margin-bottom: 29px;
    }

    span.paragraph, p{
        line-height: 29px;
    }

    .content_columna01{
        width: 750px;
    }

    .content_columna02{
        width: 450px;
    }

    #sheets_stack{
        padding: 0 0 59px 23px;
    }

    #columna2_title{
        background-color: #142d50;
        padding: 33px 36px 36px 56px;
        box-sizing: border-box;
        color: #7DA9C0;
        font-size: 18px;
        line-height: 30px;
        text-justify: auto;

    }

    #form_container{
        box-sizing: border-box;
        padding: 33px 45px 65px 45px;
        background-color: #F4F4F4;
    }

    input[type="text"],select, option{
        height: 42px;
        border: none;
        font-family: 'Source Sans Pro',sans-serif;
        color:#505050!important;
        font-size: 16px;
        margin-bottom: 20px;
        padding-left: 20px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;


        background: #FFFFFF;
        box-shadow: inset 0px 1px 3px 0px rgba(135,135,135,0.50);
        border-radius: 5px;
        color: #505050;
        line-height: 20px;

    }

    select{
        background: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7b52b44203-53a8-451d-8ad8-6e51753250ff%7d_arrowDown%402x.png") no-repeat right;
        background-size: 16px 8px;
        background-position: 95% 50%;
        background-color: #ffffff;

    }

    .margin-bottom-10{
        margin-bottom: 10px;
    }


    .copy-form:first-child{
        font-size: 20px!important;
    }

    .copy-form{
        font-family:'Source Sans Pro',sans-serif;
        font-size: 17px;
        color:#505050;
        line-height: 29px;
    }

    .button-style-1{
        width: 181px;
        height: 60px;
        border-radius: 6px;
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 16px;
        color:#0039a6;
        background-color: #fdc82f;
        border: none;
        margin-top: 15px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
    }

    .button-style-2{
        height: 60px;
        border-radius: 6px;
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 16px;
        color:#ffffff;
        background-color: #EC272D;
        border: none;
        margin-top: 15px;
        cursor: pointer;
        padding: 0 44px;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
    }

    .button-style-3{
        width: 279px;
        height: 60px;
        border-radius: 6px;
        border: 3px solid #A50014;
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 16px;
        color:#ffffff;
        background: transparent;
        margin-top: 15px;
        cursor: pointer;
        -webkit-transition: border 0.5s; /* For Safari 3.1 to 6.0 */
        transition: border 0.5s;
    }

    span.copy-form:nth-child(2){
        width: 332px;
        display: inline-table;

    }

    .horizontal_divider-footer{
        width: 463px;
        height: 2px;
        margin-bottom: 40px;
        background-color: #4F4F4F;
        opacity: 0.2;
    }

    .logo_footer{
        vertical-align: middle;
        margin-bottom: 6px;
        margin-left: 15px;
    }

    #central_header_box{
        width: 671px;
        height: 283px;
        margin: 0 auto;
        padding-top: 57px;

    }

    .copy-header-expanded{
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 27px;
        line-height: 34px;
        color: #72B4D8;
        text-align: center;
        margin: 36px 0 38px 0;

    }

    #two-button-together-container{
        width: 530px;
    }

    table{
        width: 100%;
    }

    th{
        font-family: Montserrat,sans-serif;
        font-size: 18px;
        font-weight: bold;
        color:#000000;
        text-align: left;
        padding-bottom: 13px;

    }

    td{
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 20px;
        color:#000000;
        font-weight: 100;
        padding: 18px 0;
        border-top: 1px solid #000000;
    }

    .cell-2{
        width: 60%;
    }

    .cell-1,.cell-3{
        width: 8%;
    }

    .table-download-buttons{
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 16px;
        color:#A50014;
        font-weight: bold;
        vertical-align: middle;
    }

    #wrapper.padding-top-to-93{
        padding-top: 93px;
    }

    #wrapper.padding-bottom-to-93{
        padding-bottom: 93px;
    }

    #icon-paper{
        background-image: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7b62968924-e273-41fd-af41-7605e000fa54%7d_icon_paper%402x.png");
        background-size: 17px 22px;
        display: inline-block;
        width: 18px;
        height: 22px;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-bottom: 5px;
        margin-left: 16px;

    }

    #icon-arrow{
        background-image: url("https://img.en25.com/EloquaImages/clients/AmericanChemicalSociety/%7bdf16a64b-8593-4ae8-84e8-2ee38b458c1b%7d_icon_RightArrow.png");
        background-size: 22px 15px;
        display: inline-block;
        width: 22px;
        height: 15px;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-bottom: 4px;
        margin-left: 17px;

    }

    button.button-style-3{
        position: relative;
        text-align: center;
    }

    footer{
        padding: 15px 0 20px 0;

    }

    /*Hovers START*/

    .button-style-1:hover{
        background-color:#fdc82f;
    }

    .button-style-2:hover{
        background-color:#65000B;
    }

    .button-style-3:hover{
        border:3px solid #65000B;
    }



    #twitter_logo_white{
        opacity: 0;
        top: 0;
        left: 8px;
        position: absolute;
        -webkit-transition: opacity 0.5s; /* Safari */
        transition: opacity 0.5s;

    }

    #facebook_logo_white{
        opacity: 0;
        top: 0;
        left: 43px;
        position: absolute;
        -webkit-transition: opacity 0.5s; /* Safari */
        transition: opacity 0.5s;

    }

    #tumbrl_logo_white{
        opacity: 0;
        top: 0;
        left: 78px;
        position: absolute;
        -webkit-transition: opacity 0.5s; /* Safari */
        transition: opacity 0.5s;

    }

    #linkedin_logo_white{
        opacity: 0;
        top: 0;
        left: 113px;
        position: absolute;
        -webkit-transition: opacity 0.5s; /* Safari */
        transition: opacity 0.5s;

    }

    #twitter_logo_white:hover{
        opacity: 1;
    }

    #facebook_logo_white:hover{
        opacity: 1;
    }

    #tumbrl_logo_white:hover{
        opacity: 1;
    }

    #linkedin_logo_white:hover{
        opacity: 1;
    }

    .reciver-style{
        display: none;
        margin-bottom: 10px;
    }

    a.link{
        text-decoration:none;
        color:#A50014;
    }

    a.link:hover{
        text-decoration: underline;
    }


/*Hovers END*/


    /*Media queries*/

    @media only screen and (max-width: 1360px) {
        .width-to-1322, #wrapper.first, #wrapper.secondVersion{
            width: 100%;
            padding-left: 40px;
            padding-right: 40px;
        }
    }

    @media only screen and (max-width: 1315px) {


        #sheets_stack{
            float: none;
        }
        .content_columna01 {
            width: 50%;
        }

        /*.content_columna02{*/
            /*clear: both;*/
            /*float: none;*/
            /*margin: 0 auto;*/
        /*}*/


        /*.reciver-style{*/
            /*display: block;*/
            /*font-size: 16px;*/
        /*}*/

        /*.disappear{*/
            /*display: none;*/
        /*}*/

        /*.content_columna02{*/
            /*margin-bottom: 30px;*/
        /*}*/

    }

    @media only screen and (max-width: 1060px) {


        #sheets_stack{
            float: right;
        }

        .content_columna01 {
            width: 100%;
        }

        .content_columna02{
        clear: both;
        float: none;
        margin: 0 auto;
        }


        .reciver-style{
        display: block;
        font-size: 16px;
        }

        .disappear{
        display: none;
        }

        .content_columna02{
        margin-bottom: 30px;
        }


    }

        @media only screen and (max-width: 715px) {
            #central_header_box{
                width: 100%;
            }

            .button-style-2, .button-style-3{
                clear: both;
                float: none;
                display: block;
                margin: 0 auto;
            }

            .button-style-2{
                margin-bottom: 20px;
            }

            .two-button-together-container {
                width: 100%;
            }

            .copy-header-expanded{
                padding: 0 20px;
            }

        }

        @media only screen and (max-width: 600px) {
            .horizontal_divider{
                width: 100%;
            }

        }

        @media only screen and (max-width: 560px) {

            header{
                height: auto;
            }

            header.expanded{
                height: 618px;
            }

            #icon_paper_marginRight{
                float: none;
                display: block;
                margin: 0 auto;
            }
            #copy_headerContainer{
                text-align: center;
            }

            #icon_paper_marginRight{
                margin-bottom: 20px;
            }

            .headerTitle01{
                margin-bottom: 8px;
            }

            #two-button-together-container{
                width: 100%;
            }

        }

        @media only screen and (max-width: 530px) {

            .content_columna02{
                width: 100%;
            }

            .button-style-1{
                display: block;
                margin: 0 auto;

            }

            .copy-form{
                display: inline!important;
            }

            .horizontal_divider{
                margin-top: 20px;
                margin-bottom: 20px;
            }

            .horizontal_divider-footer{
                width: 100%;
            }

            #sheets_stack{
                width: 50%;
                height: auto;
                float: none;
                margin: 0 auto;
                display: block;
                padding-bottom: 20px;
                padding-left: 0;
                
            }

            .contentTitle01{
                text-align: center;
            }

            footer{
                text-align: center;
            }

            .logo_footer{
                display: block;
                margin: 0 auto;
                margin-top: 20px;
            }

            header>div#firstDiv, #columna2_title, #form_container, #wrapper{
                padding: 20px!important;
            }

            .contentTitle01, .horizontal_divider-footer, .copy-footer{
                margin-bottom: 20px;
            }

            header.expanded{
                padding: 20px;
            }

            header.expanded>div{
                padding: 0;
            }

            #wrapper.secondVersion{
                width: 100%;
                padding-top: 30px!important;
                padding-bottom: 30px!important;
            }

    }